"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = DefaultSize;

var _react = _interopRequireDefault(require("react"));

var _design = require("@discuzq/design");

require("./list.scss");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var Row = _design.Flex.Row,
    Col = _design.Flex.Col;

function DefaultSize() {
  var iconList = ['ExperienceOutlined', 'PermissionOutlined', 'UnlockOutlined', 'FissionOutlined', 'HelpOutlined', 'ShopOutlined', 'TimeOutlined', 'ApplyOutlined', 'VoteOutlined', 'SuccessOutlined', 'FunnelOutlined', 'WonderfulOutlined', 'PictureOutlined', 'PictureErrorOutlined', 'MyPrivateLetterOutlined', 'SignOutOutlined', 'PersonalOutlined', 'IncreaseOutlined', 'GoldCoinOutlined', 'DollarLOutlined', 'TipsOutlined', 'AnonymityOutlined', 'LeftOutlined', 'UploadingOutlined', 'PPTOutlined', 'XLSOutlined', 'DOCOutlined', 'IntroduceOutlined', 'CollectFunOutlined', 'RedactOutlined', 'HotBigOutlined', 'TopOutlined', 'UpwardOutlined', 'WeChatOutlined', 'BackspaceOutlined', 'WechatPaymentOutlined', 'ScanOutlined', 'PurseOutlined', 'PlayOutlined', 'PauseOutlined', 'InProgressOutlined', 'CloseOutlined', 'ShieldOutlined', 'RemindOutlined', 'RenminbiOutlined', 'RetrieveOutlined', 'ScreenOutlined', 'TabOutlined', 'TicklerOutlined', 'TransferOutOutlined', 'PayOutlined', 'WallOutlined', 'WithdrawOutlined', 'CameraOutlined', 'CollectOutlined', 'CompileOutlined', 'DiscussOutlined', 'IncomeOutlined', 'LeaveWordOutlined', 'NewsOutlined', 'NotbookOutlined', 'NotepadOutlined', 'PraiseOutlined', 'RecycleBinOutlined', 'BroadcastOutlined', 'MoreOutlined', 'SuspendOutlined', 'PostOutlined', 'WrongOutlined', 'MemberOutlined', 'UserOutlined', 'PhoneOutlined', 'WeChatOutlinedThick', 'AtOutlined', 'BiasOutlined', 'CentralLineOutlined', 'CheckOutlined', 'CollectOutlinedBig', 'CommentOutlined', 'DeleteOutlined', 'EditOutlined', 'ExactnessOutlined', 'EyeOutlined', 'FindOutlined', 'FormOutlined', 'HomeOutlined', 'HotOutlined', 'PaperClipOutlined', 'LikeOutlined', 'LoadingOutlined', 'MailOutlined', 'MakeSthOutlined', 'MenuOutlined', 'MessageOutlined', 'MicroOutlined', 'MoreBOutlined', 'MoreVOutlined', 'PictureOutlinedBig', 'PlusOutlined', 'PositionOutlined', 'PoweroffOutlined', 'HeartOutlined', 'ProfessionOutlined', 'QuestionOutlined', 'RenovateOutlined', 'WarnOutlinedThick', 'WarnOutlined', 'ReturnOutlined', 'RightOutlined', 'SearchOutlined', 'SecondaryMenuOutlined', 'SettingOutlined', 'ShareAltOutlined', 'SharpOutlined', 'ShoppingCartOutlined', 'SmilingFaceOutlined', 'SortOutlined', 'StrongSharpOutlined', 'UnderlineOutlined', 'UnderOutlined', 'VideoOutlined', 'RedPacketOutlined'];
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Row, {
    style: {
      width: '100%'
    }
  }, iconList.map(function (iconName, index) {
    return /*#__PURE__*/_react.default.createElement(Col, {
      key: index,
      flex: 0
    }, /*#__PURE__*/_react.default.createElement(_design.Card, {
      className: 'icon-list',
      style: {
        width: 150,
        display: 'flex',
        justifyContent: 'center',
        alignItems: 'center',
        cursor: 'pointer'
      }
    }, /*#__PURE__*/_react.default.createElement("div", {
      style: {
        width: '100%',
        display: 'flex',
        justifyContent: 'center',
        alignItems: 'center'
      },
      onClick: function onClick() {
        var input = document.createElement('input');
        document.body.appendChild(input);
        input.setAttribute('value', iconName);
        input.select();

        if (document.execCommand('copy')) {
          document.execCommand('copy');

          _design.Toast.success({
            content: '复制Icon Name成功'
          });
        }

        document.body.removeChild(input);
      }
    }, /*#__PURE__*/_react.default.createElement(_design.Icon, {
      name: iconName,
      size: 'large'
    })), /*#__PURE__*/_react.default.createElement("div", {
      style: {
        marginTop: '8px'
      }
    }, iconName)));
  })));
}